<ion-content>
  <ion-card>
    <ion-card-header>
      Cozy - 勿在浮沙筑高台
    </ion-card-header>
    <ion-list>
      <button (click)="navActionSheets()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Action Sheets
    </button>
      <button (click)="navAlerts()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Alerts
    </button>
      <button (click)="navBadges()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Badges
    </button>
      <button (click)="navButtons()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Buttons
    </button>
      <button (click)="navCards()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Cards
    </button>
      <button (click)="navCheckBoxes()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Checkbox
    </button>
      <button (click)="navDateTime()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      DateTime
    </button>
      <button (click)="navGestures()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Gestures
    </button>
      <button (click)="navGrid()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Grid
    </button>
      <button (click)="navIcons()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Icons
    </button>
      <button (click)="navCards()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Cards
    </button>
      <button (click)="navInputs()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Inputs
    </button>
      <button (click)="navLists()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Lists
    </button>
      <button (click)="navLoading()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Loading
    </button>
      <button (click)="navUndefined()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Menus
    </button>
      <button (click)="navModals()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Modals
    </button>
      <button (click)="navNavigation()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Navigation
    </button>
      <button (click)="navRadios()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Radio
    </button>
      <button (click)="navSearchBars()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Searchbar
    </button>
      <button (click)="navSegment()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Segment
    </button>
      <button (click)="navSelects()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Select
    </button>
      <button (click)="navSlides()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Slides
    </button>
      <button (click)="navTabs()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Tabs
    </button>
      <button (click)="navToast()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Toast
    </button>
      <button (click)="navToggles()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Toggle
    </button>
      <button (click)="navToolbars()" ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Toolbar
    </button>
    </ion-list>
  </ion-card>
</ion-content>